<template>
    <div>
        这是组件C。。。。。{{ name }}

        <button @click="sendData">向父组件传递数据</button>
    </div>
</template>

<script setup>
import { ref } from 'vue';


defineProps({
    name: String
})




const sex = ref('男')

// 自定义事件
const emits = defineEmits(['e-sex']) // 返回事件触发函数

const sendData = () => {
    emits('e-sex', sex.value) // 触发事件，传递数据
}

</script>

<style lang="less" scoped>
    
</style>